<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>{pboot:pagetitle}</title>
  <meta name="description"  content="{pboot:pagedescription}" />
  <meta name="keywords" content="{pboot:pagekeywords}" />

  <link href="{pboot:sitetplpath}/static/css/newsrelated.css" rel="stylesheet" media="screen" type="text/css" />
  <link href="{pboot:sitetplpath}/static/css/indexcss.css" rel="stylesheet" media="screen" type="text/css" />

</head>

<body>
  <link href="{pboot:sitetplpath}/static/css/headcss.css" rel="stylesheet" media="screen" type="text/css" />
  <link href="{pboot:sitetplpath}/static/css/website86.css" rel="stylesheet" media="screen" type="text/css" />
  <link href="{pboot:sitetplpath}/static/css/fullpage.min.css" rel="stylesheet" media="screen" type="text/css" />
  <link rel="stylesheet" href="{pboot:sitetplpath}/static/css/font_3991930_edxvrbb5j64.css">
  <link href="{pboot:sitetplpath}/static/css/aos.css" rel="stylesheet" media="screen" type="text/css" />

  <script language="javascript" type="text/javascript" src="{pboot:sitetplpath}/static/js/jquery.min.js"></script>
  <script language="javascript" type="text/javascript" src="{pboot:sitetplpath}/static/js/jquery.superslide.2.1.1.js">
  </script>
  <script language="javascript" type="text/javascript" src="{pboot:sitetplpath}/static/js/aos.js"></script>


  <link href="{pboot:sitetplpath}/static/css/uiskin.css" rel="stylesheet" media="screen" type="text/css" />
  <link href="{pboot:sitetplpath}/static/css/beimei.css" rel="stylesheet" media="screen" type="text/css" />
  <link href="{pboot:sitetplpath}/static/css/iconfont_case.css" rel="stylesheet" media="screen" type="text/css" />

  <!--headr-->
  {include file=header.html}
  {pboot:slide gid=2 num=1}
  <div id="banner_pr" style="background: url(./[slide:pic]) top center no-repeat;">    
    <div class="banner_tit">
      <h3>{sort:topname}</h3>
      <h6>{sort:def2}</h6>
    </div>    
  </div>
  {/pboot:slide}

  <div id="bodycon">
    <style>
      #left,
      #right {
        display: none
      }

      #bodycon #center {
        width: 1400px;
        float: none
      }

      #bodycontent {
        width: 1400px;
      }
    </style>
    <div id="left">
      <style>
        .mianbxContent {
          margin-bottom: 180px !important;
        }

        #right {
          height: 0px !important;
        }

        .prod_listf {
          width: 1404px;
          margin: 120px auto 0;
          padding-top: 0px;
          transition: all 0.7s;
          position: absolute;
          z-index: 11;
          height: 40px;
        }

        .prod_listf tr {
          display: block;
          float: left;
          height: 40px;
          position: relative;
          width: calc(100%/12);
          margin-bottom: 15px;
        }

        .prod_listf td {
          text-align: center;
          float: left;
          display: block;
          line-height: 40px;
          position: relative;
          z-index: 1;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 105px;
          border: 1px #eee solid;
          border-radius: 30px;
        }

        .prod_listf td:hover,
        .prod_listf td.active_3 {
          background: #d0b393;
        }

        .prod_listf td:hover a,
        .prod_listf td.active_3 a {
          color: #fff !important;
        }

        .prod_listf td a {
          font-size: 18px;
          color: #333 !important;
          font-weight: normal;
          line-height: 40px;
        }

        #showtyepname {
          background: #fff;
          height: 0px !important;
          overflow: hidden;
        }

        .prod_listf table {
          margin: 0 auto;
          width: 100%;
          display: block;
          height: auto;
          transition: all 0.7s;
          overflow: hidden;
        }

        .prod_listf:hover table {
          height: auto;
          transition: all 0.7s;
          overflow: inherit;
        }

        .prod_list_i {
          width: 220px;
          line-height: 60px;
          margin: 0 auto;
          margin-top: 10px;
          overflow: hidden;
          font-size: 16px;
          color: #fff;
          background: #b4dcfc;
          text-align: center;
          border-radius: 8px;
          transition: all 0.7s;
        }

        .prod_listf:hover .prod_list_i {
          display: none;
          transition: all 0.7s;
        }

        .prod_listf td b {
          font-size: 0px;
        }

        #bodycon #left {
          width: auto !important;
          height: auto !important;
        }

        #bodycontent.bodycontent2020 {
          margin-top: 150px;
        }

        #bodycon #center {
          float: none !important;
        }

        .body_box {
          margin-top: 120px;
        }

        td#showtyepname {
          border: none;
        }

        #left,
        #right {
          display: block !important;
        }
      </style>

      <div class="prod_listf">
        <style>
          #showtyepname a {
            color: #666;
            text-decoration: none;
          }

          #showtyepname a:hover {
            text-decoration: none;
            color: #e90000;
          }
        </style>
        <table width='100%' border='0' cellpadding='0' cellspacing='0'>

          {pboot:nav parent=12}	
            <tr>
              <td width='0' height='40' valign='top' style='padding-top:2px;' class="active_91 {pboot:if({sort:name}==[nav:name])}active_3{/pboot:if}">
                <b style="color:#444;">
                  [<a href="[nav:link]" style="color:#444;">[nav:name]</a>]
                </b>
              </td>
              <td id="showtyepname"
                style='text-align:left;line-height:18px;padding-bottom:3px;word-break:break-all;'>
                <div style='LEFT: 0px;width:-198px;WORD-WRAP: break-word;'></div>
              </td>
            </tr>
          {/pboot:nav}	
        </table>
      </div>
    </div>
    <div id="center">
      
      <div id="bodycontent" class="mianbxContent" style="height:25px;width:90%;text-align:right;">
        {include file=bread.html}
      </div>
      <div id="bodycontent" class="bodycontent2020">
        <style>
          .ny_prototal {
            width: 100%;
          }

          .ny_prolist {
            width: 31.3%;
            margin: 0 1%;
            float: left;
            margin-bottom: 2%;
            position: relative;
            overflow: hidden;
          }

          .ny_propic {
            overflow: hidden;
          }

          .ny_propic img {
            width: 100%;
            transition: all 0.5s;
          }

          .ny_protil {
            width: 100%;
            text-align: center;
            overflow: hidden;
          }

          .ny_protil {
            padding: 4% 0% 5% 0;
            font-size: 16px;
            display: block;
          }

          .ny_prolist a:hover .ny_protil {
            color: #f5811a;
          }

          .ny_prolist a:before,
          .ny_prolist a:after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            z-index: 222;
            box-sizing: border-box;
            transition: height 0.5s linear 0s, width 0.5s linear 0.5s, opacity 0s linear 1s;
            opacity: 0;
          }

          .ny_prolist a:before {
            top: 0;
            left: 0;
            border-top: 1px solid #f5811a;
            border-right: 1px solid #f5811a;
            border-bottom: 1px solid transparent;
            border-left: 1px solid transparent;
          }

          .ny_prolist a:after {
            bottom: 0;
            right: 0;
            border-bottom: 1px solid #f5811a;
            border-left: 1px solid #f5811a;
            border-top: 1px solid transparent;
            border-right: 1px solid transparent;
          }

          .ny_prolist a:hover:before,
          .ny_prolist a:hover:after {
            width: 100%;
            height: 100%;
            transition: width 0.5s linear 0s, height 0.5s linear 0.5s;
            opacity: 1;
          }

          .ny_prolist:hover {
            box-shadow: 0 0 2.4vw 0 rgba(0, 0, 0, 0.1);
          }

          .ny_prolist a:hover .ny_propic img {
            transform: scale(1.1);
          }

          .clear {
            clear: both;
          }
        </style>
        <div class="ny_prototal">
          {pboot:if({page:rows}==0)}
          <div style="text-align: center;">
            暂无数据~
          </div>            
          {/pboot:if}
          {pboot:list num=9}

          <div class="ny_prolist">
            <a href="[list:link]">
              <div class="ny_propic"><img src="[list:ico]" height="320"
                  alt="[list:title]"></div>
              <div class="ny_protil">[list:title]</div>
            </a>
          </div>
          {/pboot:list}
          

          <div class="clear"></div>
        </div>
      </div>

      {include file=page.html}
      <div id="right">
        <!--"../#innewclu!#/#right#/pr-right##!"-->
        
      </div>
      <div class="clear"></div>
    </div>
    <div id="copy"></div>
    <!--版权-->
  </div>
  {include file=footer.html}
 
  <script>
    AOS.init({
      offset: 200,
      easing: 'ease-out-back',
      duration: 1000,
      disable: 'mobile',
    });
  </script>

  </body>

</html>